﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcSensorDataFilter.ascx.cs" Inherits="TheHeGeo.UserControl.UcSensorDataFilter" %>
<%@ Register assembly="DevExpress.Web.v14.2, Version=14.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>





<style type="text/css">

    .dxeTrackBar,
    .dxeIRadioButton,
    .dxeButtonEdit,
    .dxeTextBox,
    .dxeRadioButtonList,
    .dxeCheckBoxList,
    .dxeMemo,
    .dxeListBox,
    .dxeCalendar,
    .dxeColorTable { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

    .dxeTextBox,
    .dxeButtonEdit,
    .dxeIRadioButton,
    .dxeRadioButtonList,
    .dxeCheckBoxList { cursor: default; }

    .dxeButtonEdit {
        background-color: white;
        border: 1px solid #9F9F9F;
    }

    .dxeTextBoxSys,
    .dxeButtonEditSys { width: 170px; }

    input[type="text"].dxeEditArea, /*Bootstrap correction*/
    input[type="password"].dxeEditArea /*Bootstrap correction*/ {
        height: 14px;
        margin-bottom: 0px;
    }

    .dxeEditArea,
    input[type="text"].dxeEditArea, /*Bootstrap correction*/
    input[type="password"].dxeEditArea /*Bootstrap correction*/ { font: 12px Tahoma, Geneva, sans-serif; }

    .dxeMemoEditAreaSys, /*Bootstrap correction*/
    input[type="text"].dxeEditAreaSys, /*Bootstrap correction*/
    input[type="password"].dxeEditAreaSys /*Bootstrap correction*/ {
        -moz-border-radius: 0px;
        -moz-box-shadow: none;
        -moz-transition: none;
        -o-transition: none;
        -webkit-border-radius: 0px;
        -webkit-box-shadow: none;
        -webkit-transition: none;
        border-radius: 0px;
        box-shadow: none;
        display: block;
        transition: none;
    }

    .dxeEditAreaSys,
    .dxeMemoEditAreaSys, /*Bootstrap correction*/
    input[type="text"].dxeEditAreaSys, /*Bootstrap correction*/
    input[type="password"].dxeEditAreaSys /*Bootstrap correction*/ { line-height: normal; }

    .dxeEditAreaSys,
    input[type="text"].dxeEditAreaSys, /*Bootstrap correction*/
    input[type="password"].dxeEditAreaSys /*Bootstrap correction*/ {
        padding: 0px 1px 0px 0px; /* B146658 */
    }

    .dxeButtonEdit .dxeEditArea { background-color: white; }

    .dxeEditArea { border: 1px solid #A0A0A0; }

    .dxeEditAreaSys {
        background-position: 0 0; /* iOS Safari */
        border: 0px !important;
        height: 14px;
    }

    .dxeButtonEditButton,
    .dxeSpinLargeIncButton,
    .dxeButtonEditButton { padding: 0px 2px 1px 3px; }

    .dxeButtonEditButton,
    .dxeCalendarButton,
    .dxeSpinIncButton,
    .dxeSpinDecButton,
    .dxeSpinLargeIncButton,
    .dxeSpinLargeDecButton,
    .dxeColorEditButton {
        border: 1px solid #7f7f7f;
        cursor: pointer;
        font: normal 11px Tahoma, Geneva, sans-serif;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }

    .dxEditors_edtError,
    .dxEditors_edtCalendarPrevYear,
    .dxEditors_edtCalendarPrevYearDisabled,
    .dxEditors_edtCalendarPrevMonth,
    .dxEditors_edtCalendarPrevMonthDisabled,
    .dxEditors_edtCalendarNextMonth,
    .dxEditors_edtCalendarNextMonthDisabled,
    .dxEditors_edtCalendarNextYear,
    .dxEditors_edtCalendarNextYearDisabled,
    .dxEditors_edtCalendarFNPrevYear,
    .dxEditors_edtCalendarFNNextYear,
    .dxEditors_edtEllipsis,
    .dxEditors_edtEllipsisDisabled,
    .dxEditors_edtDropDown,
    .dxEditors_edtDropDownDisabled,
    .dxEditors_edtSpinEditIncrementImage,
    .dxEditors_edtSpinEditIncrementImageDisabled,
    .dxEditors_edtSpinEditDecrementImage,
    .dxEditors_edtSpinEditDecrementImageDisabled,
    .dxEditors_edtSpinEditLargeIncImage,
    .dxEditors_edtSpinEditLargeIncImageDisabled,
    .dxEditors_edtSpinEditLargeDecImage,
    .dxEditors_edtSpinEditLargeDecImageDisabled {
        display: block;
        margin: auto;
    }

    .dxEditors_edtDropDown {
        background-position: -123px -146px;
        height: 14px;
        width: 10px;
    }

    .dxEditors_caRefresh,
    .dxEditors_edtCalendarFNNextYear,
    .dxEditors_edtCalendarFNPrevYear,
    .dxEditors_edtCalendarNextMonth,
    .dxEditors_edtCalendarNextMonthDisabled,
    .dxEditors_edtCalendarNextYear,
    .dxEditors_edtCalendarNextYearDisabled,
    .dxEditors_edtCalendarPrevMonth,
    .dxEditors_edtCalendarPrevMonthDisabled,
    .dxEditors_edtCalendarPrevYear,
    .dxEditors_edtCalendarPrevYearDisabled,
    .dxEditors_edtDETSClockFace,
    .dxEditors_edtDETSHourHand,
    .dxEditors_edtDETSMinuteHand,
    .dxEditors_edtDETSSecondHand,
    .dxEditors_edtDropDown,
    .dxEditors_edtDropDownDisabled,
    .dxEditors_edtEllipsis,
    .dxEditors_edtEllipsisDisabled,
    .dxEditors_edtError,
    .dxEditors_edtRadioButtonChecked,
    .dxEditors_edtRadioButtonCheckedDisabled,
    .dxEditors_edtRadioButtonUnchecked,
    .dxEditors_edtRadioButtonUncheckedDisabled,
    .dxEditors_edtSpinEditDecrementImage,
    .dxEditors_edtSpinEditDecrementImageDisabled,
    .dxEditors_edtSpinEditIncrementImage,
    .dxEditors_edtSpinEditIncrementImageDisabled,
    .dxEditors_edtSpinEditLargeDecImage,
    .dxEditors_edtSpinEditLargeDecImageDisabled,
    .dxEditors_edtSpinEditLargeIncImage,
    .dxEditors_edtSpinEditLargeIncImageDisabled,
    .dxEditors_edtTBDecBtn,
    .dxEditors_edtTBDecBtnDisabled,
    .dxEditors_edtTBDecBtnHover,
    .dxEditors_edtTBDecBtnPressed,
    .dxEditors_edtTBIncBtn,
    .dxEditors_edtTBIncBtnDisabled,
    .dxEditors_edtTBIncBtnHover,
    .dxEditors_edtTBIncBtnPressed,
    .dxEditors_edtTokenBoxTokenRemoveButton,
    .dxEditors_edtTokenBoxTokenRemoveButtonHover,
    .dxEditors_fcadd,
    .dxEditors_fcaddhot,
    .dxEditors_fcgroupaddcondition,
    .dxEditors_fcgroupaddgroup,
    .dxEditors_fcgroupand,
    .dxEditors_fcgroupnotand,
    .dxEditors_fcgroupnotor,
    .dxEditors_fcgroupor,
    .dxEditors_fcgroupremove,
    .dxEditors_fcopany,
    .dxEditors_fcopbegin,
    .dxEditors_fcopbetween,
    .dxEditors_fcopblank,
    .dxEditors_fcopcontain,
    .dxEditors_fcopend,
    .dxEditors_fcopequal,
    .dxEditors_fcopgreater,
    .dxEditors_fcopgreaterorequal,
    .dxEditors_fcopless,
    .dxEditors_fcoplessorequal,
    .dxEditors_fcoplike,
    .dxEditors_fcopnotany,
    .dxEditors_fcopnotbetween,
    .dxEditors_fcopnotblank,
    .dxEditors_fcopnotcontain,
    .dxEditors_fcopnotequal,
    .dxEditors_fcopnotlike,
    .dxEditors_fcremove,
    .dxEditors_fcremovehot,
    .dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDH,
    .dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHHover,
    .dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHPressed,
    .dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDH,
    .dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHHover,
    .dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHPressed,
    .dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDH,
    .dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHHover,
    .dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHPressed,
    .dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDH,
    .dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHHover,
    .dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHPressed,
    .dxeTBHSys .dxEditors_edtTBMainDH,
    .dxeTBHSys .dxEditors_edtTBMainDHDisabled,
    .dxeTBHSys .dxEditors_edtTBMainDHHover,
    .dxeTBHSys .dxEditors_edtTBMainDHPressed,
    .dxeTBHSys .dxEditors_edtTBSecondaryDH,
    .dxeTBHSys .dxEditors_edtTBSecondaryDHDisabled,
    .dxeTBHSys .dxEditors_edtTBSecondaryDHHover,
    .dxeTBHSys .dxEditors_edtTBSecondaryDHPressed,
    .dxeTBVSys .dxEditors_edtTBMainDH,
    .dxeTBVSys .dxEditors_edtTBMainDHDisabled,
    .dxeTBVSys .dxEditors_edtTBMainDHHover,
    .dxeTBVSys .dxEditors_edtTBMainDHPressed,
    .dxeTBVSys .dxEditors_edtTBSecondaryDH,
    .dxeTBVSys .dxEditors_edtTBSecondaryDHDisabled,
    .dxeTBVSys .dxEditors_edtTBSecondaryDHHover,
    .dxeTBVSys .dxEditors_edtTBSecondaryDHPressed

img { border-width: 0; }

    .auto-style3 { width: 111px; }
    .auto-style4 {
        width: 108px;
    }
    .auto-style5 {
        width: 30px;
    }
    .auto-style6 {
        width: 80px;
    }
</style>



<div >
    <br/>
    <dx:ASPxLabel ID="dataLbl" runat="server" Font-Size="Large">
    </dx:ASPxLabel>
    <table style="width: 100%;">
        <tr>
            <td class="auto-style6">
                <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Thử nghiệm">
                </dx:ASPxLabel>
            </td>
            <td>
                &nbsp;</td>
            <td>
                <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Từ">
                </dx:ASPxLabel>
            </td>
            <td class="auto-style4">
                <dx:ASPxDateEdit ID="deFrom" runat="server" DisplayFormatString="yyyy/MM/dd HH:mm:ss" EditFormat="DateTime" EditFormatString="yyyy/MM/dd HH:mm:ss" OnDateChanged="deFrom_DateChanged" Width="160px">
                </dx:ASPxDateEdit>
                            
            </td>
            <td>
                <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="Đến">
                </dx:ASPxLabel>
            </td>
            <td class="auto-style3">
                <dx:ASPxDateEdit ID="deTo" runat="server" DisplayFormatString="yyyy/MM/dd HH:mm:ss" EditFormat="DateTime" EditFormatString="yyyy/MM/dd HH:mm:ss" OnDateChanged="deTo_DateChanged" AutoPostBack="True" Width="160px">
                </dx:ASPxDateEdit>
            </td>
            <td class="auto-style5">
                <dx:ASPxButton ID="btSearch" runat="server" OnClick="btSearch_Click" Text="Tra cứu" Width="71px">
                </dx:ASPxButton>
            </td>
            <td class="auto-style5">
                <dx:ASPxButton ID="btExcel" runat="server" OnClick="btExcel_Click" Text="Kết xuất Excel" Width="95px">
                </dx:ASPxButton>
            </td>
            <td>
                <dx:ASPxButton ID="btnSearchHistory" runat="server"  Text="Tra cứu history" Width="100px" OnClick="btnSearchHistory_Click">
                </dx:ASPxButton>
            </td>
        </tr>
    </table>
</div>
<div>
    <dx:ASPxGridView ID="grvData" runat="server" ClientInstanceName="grvData" Width="100%" AutoGenerateColumns="False">
        <Columns>
            <dx:GridViewDataTextColumn Caption="Sensor" FieldName="TenSensor" VisibleIndex="0" Visible="False">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Center" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn Caption="Giá trị" FieldName="GiaTri" VisibleIndex="1">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Center" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataDateColumn Caption="Thời gian đo" FieldName="ThoiGianDo" VisibleIndex="2">
                <PropertiesDateEdit DisplayFormatString="yyyy/MM/dd HH:mm:ss.ff" EditFormat="Custom" EditFormatString="yyyy/MM/dd HH:mm:ss.ff">
                </PropertiesDateEdit>
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Center" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataDateColumn>
        </Columns>
        <Settings ShowFilterRow="False" />
        <SettingsPager PageSize="20">
        </SettingsPager>
    </dx:ASPxGridView>
    
</div>
<dx:ASPxGridViewExporter ID="gridExport" runat="server" GridViewID="grvData">
</dx:ASPxGridViewExporter>
